<template>
  <div>
    <el-table
      :data="tableList"
      style="width: 100%"
      stripe
      :cell-style="{ textAlign: 'center' }"
      :header-cell-style="{
        background: '#eef1f6',
        color: '#606266',
        'text-align': 'center',
      }"
    >
      <el-table-column type="index" label="#"> </el-table-column>
      <el-table-column label="编号" prop="task_id"> </el-table-column>
      <el-table-column label="业务标题" prop="task_title"> </el-table-column>
      <el-table-column label="客户" prop="task_customer" :width="100">
        <template slot-scope="scope">
          <el-popover trigger="hover" placement="top">
            <p>姓名: {{ scope.row.task_customer }}</p>
            <p>业务: {{ scope.row.task_title }}</p>
            <div slot="reference" class="name-wrapper">
              <el-tag size="medium">{{ scope.row.task_customer }}</el-tag>
            </div>
          </el-popover>
        </template>
      </el-table-column>
      <el-table-column label="购买物" prop="task_goods"></el-table-column>
      <el-table-column label="是否跟进" prop="task_stattus" :width="80">
        <template slot-scope="scope">
          <el-switch
            v-model="scope.row.task_stattus"
            active-color="#13ce66"
            inactive-color="#ff4949"
          >
          </el-switch>
        </template>
      </el-table-column>
      <el-table-column label="发起时间" prop="task_startTime"></el-table-column>
      <el-table-column label="结束时间" prop="task_endTime"></el-table-column>
      <el-table-column label="操作">
        <!-- @click="handleEdit(scope.$index, scope.row)" -->
        <!-- eslint-disable-next-line -->
        <template slot-scope="scope">
          <el-button size="mini" class="el-icon-setting"></el-button>
          <!-- @click="handleDelete(scope.$index, scope.row)" -->
          <el-button
            size="mini"
            type="danger"
            class="el-icon-delete"
          ></el-button>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: "tasktable",

  props:{
      tableList:{
          type: Array,
          default: () => []
      }
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
</style>